<!DOCTYPE html>
<html>
<head>
	<title>用户中心</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/user.css">
	<style type="text/css">[v-cloak]{display: none;}</style>
</head>
<body class="user">
<div id="app" v-cloak>
	<div class="head">
		<div class="avatar_box">
			<img src="img/avatar.png" class="avatar" alt="">
		</div>
		<div class="info">
			<p class="mobile">18080153372</p>
			<p class="credit">积分：3500</p>
		</div>
		<div class="login_out">
			<span class="btn">退出登录</span>
		</div>
	</div>
	<div class="line_bg"></div>
	<ul class="pad_usual box_item">
		<li @click="goAddress">收货地址管理 <img src="img/arr_right.png" class="icon_right" alt=""></li>
		<li @click="goOnline">入网资料管理 <img src="img/arr_right.png" class="icon_right" alt=""></li>
	</ul>
	<div class="line_bg"></div>
	<ul class="pad_usual box_item">
		<li @click="goPassword">修改密码 <img src="img/arr_right.png" class="icon_right" alt=""></li>
	</ul>
	<div class="line_bg"></div>
	<div class="pad_usual order">
		<div class="title">
			我的订单
		</div>
		<ul class="order_list">
			<li class="order_item">
				<div class="disFlex number">
					<div class="number_span">
						<span>139</span> <span>1010</span> <span>2959</span>
					</div>
					<div class="region">
						<span>成都</span> <span>移动</span>
					</div>
					<div class="bill">
						￥ 100 (含话费40元)
					</div>
				</div>
				<div class="disFlex info">
					<div>
						订单状态: <span class="status">待核对</span>
					</div>
					<div class="btn_box">
						<div class="btn">取消订单</div>
						<div class="btn" @click="goOrderDtl">查看详情</div>
					</div>
				</div>
			</li>
			<li class="order_item">
				<div class="disFlex number">
					<div class="number_span">
						<span>139</span> <span>1010</span> <span>2959</span>
					</div>
					<div class="region">
						<span>成都</span> <span>移动</span>
					</div>
					<div class="bill">
						￥ 100 (含话费40元)
					</div>
				</div>
				<div class="disFlex info">
					<div>
						订单状态: <span class="status red">待自取</span>
					</div>
					<div class="btn_box">
						<div class="btn">取消订单</div>
						<div class="btn" @click="goOrderDtl">查看详情</div>
					</div>
				</div>
			</li>
			<li class="order_item">
				<div class="disFlex number">
					<div class="number_span">
						<span>139</span> <span>1010</span> <span>2959</span>
					</div>
					<div class="region">
						<span>成都</span> <span>移动</span>
					</div>
					<div class="bill">
						￥ 100 (含话费40元)
					</div>
				</div>
				<div class="disFlex info">
					<div>
						订单状态: <span class="status">待支付</span>
					</div>
					<div class="btn_box">
						<div class="btn on">去支付</div>
						<div class="btn" @click="goOrderDtl">查看详情</div>
					</div>
				</div>
			</li>
			<li class="order_item">
				<div class="disFlex number">
					<div class="number_span">
						<span>139</span> <span>1010</span> <span>2959</span>
					</div>
					<div class="region">
						<span>成都</span> <span>移动</span>
					</div>
					<div class="bill">
						￥ 100 (含话费40元)
					</div>
				</div>
				<div class="disFlex info">
					<div>
						订单状态: <span class="status">待完善资料</span>
					</div>
					<div class="btn_box">
						<div class="btn on">去完善</div>
						<div class="btn" @click="goOrderDtl">查看详情</div>
					</div>
				</div>
			</li>
			<li class="order_item error">
				<div class="disFlex number">
					<div class="number_span">
						<span>139</span> <span>1010</span> <span>2959</span>
					</div>
					<div class="region">
						<span>成都</span> <span>移动</span>
					</div>
					<div class="bill">
						￥ 100 (含话费40元)
					</div>
				</div>
				<div class="disFlex info">
					<div>
						<span class="status red">提交资料有错，需修改</span>
					</div>
					<div class="btn_box">
						<div class="btn on" @click="complete">去完善</div>
						<div class="btn" @click="goOrderDtl">查看详情</div>
					</div>
				</div>
			</li>
			<li class="order_item">
				<div class="disFlex number">
					<div class="number_span">
						<span>139</span> <span>1010</span> <span>2959</span>
					</div>
					<div class="region">
						<span>成都</span> <span>移动</span>
					</div>
					<div class="bill">
						￥ 100 (含话费40元)
					</div>
				</div>
				<div class="disFlex info">
					<div>
						订单状态: <span class="status">待发货</span>
					</div>
					<div class="btn_box">
						<div class="btn" @click="goOrderDtl">查看详情</div>
					</div>
				</div>
			</li>
			<li class="order_item">
				<div class="disFlex number">
					<div class="number_span">
						<span>139</span> <span>1010</span> <span>2959</span>
					</div>
					<div class="region">
						<span>成都</span> <span>移动</span>
					</div>
					<div class="bill">
						￥ 100 (含话费40元)
					</div>
				</div>
				<div class="disFlex info">
					<div>
						订单状态: <span class="status red">待收货</span>
					</div>
					<div class="btn_box">
						<div class="btn on">确定收货</div>
						<div class="btn" @click="goOrderDtl">查看详情</div>
					</div>
				</div>
			</li>
			<li class="order_item">
				<div class="disFlex number">
					<div class="number_span">
						<span>139</span> <span>1010</span> <span>2959</span>
					</div>
					<div class="region">
						<span>成都</span> <span>移动</span>
					</div>
					<div class="bill">
						￥ 100 (含话费40元)
					</div>
				</div>
				<div class="disFlex info">
					<div>
						订单状态: <span class="status">已完成</span>
					</div>
					<div class="btn_box">
						<div class="btn" @click="goOrderDtl">查看详情</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/public.js"></script>
<script type="text/javascript">
var app = new Vue({
	el:"#app",
	data:{},
	methods:{
        goAddress:function () {
			location.href="address.html"
        },
        goOnline:function () {
            location.href="online_list.html"
        },
        goPassword:function () {
            location.href="password_change.html"
        },
        goOrderDtl:function () {
            location.href="order_offline.html"
        },
        complete:function () {
			location.href="online_add.html?type=3"
        }

	},
	created:function(){},
	mounted:function(){}
})	

</script>
</body>
</html>